<template>
    <div class="resume-box flex-row">
        <div class="base-box flex-column-center">
            <el-image :src="proxy.$setting.globalUrl.fileurl+'/head/'+value.head" :fit="fit">
                <template #error>
                    <div class="image-slot">
                        <el-image  fit="cover" src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"/>
                    </div>
                </template>
            </el-image>
            <span class="size-26 weight mb20">{{value.name}}</span>
            <span class="large-size weight mb30 mt30">基础信息</span>
            <div class="flex-column ju-flex-start">
                <span class="large-size mb30">性别：{{proxy.$utils.findObj(value.sex,globalData.sexAry,'value').text}}</span>
                <span class="large-size mb30">名族：{{proxy.$utils.findObj(value.nation,globalData.nationList,'value').text}}</span>
                <span class="large-size mb30">最高学历：{{proxy.$utils.findObj(value.edus[0].edu,globalData.eduList,'value').text||''}}</span>
                <span class="large-size mb30">期望职位：{{value.objective[0].job||''}}</span>
                <span class="large-size mb30">出生年月：{{value.birthday}}</span>
                <span class="large-size mb30">电话：{{value.mobile}}</span>
            </div>
        </div>
        <div class="data-box ml20">
            <div class="label flex-row-center weight pd20">
                <div class="bg-box flex-row-center"><div class="border"></div></div>
                <el-image src="/icons/jl1.png" style="width:24px;height:18px;"  />
                <span class="large-size ml10 zindex1">教育经历</span>
            </div>
            <div class="pd30">
                <div v-for="(v,i) in value.edus" :key="i" class="flex-row wrap mb20">
                    <div class="w100 large-size weight mb10">毕业院校：{{v.school||'暂无'}}</div>
                    <div class="w50 large-size weight mb10">{{v.start}} {{v.end?'～':''}} {{v.end}}</div>
                    <div class="w50 large-size weight mb20">{{v.major}} {{v.edu?'｜':''}} {{proxy.$utils.findObj(v.edu,globalData.eduList,'value').text}}</div>
                    <div class="w100 large-size">{{v.experience}}</div>
                </div>
            </div>
            <div class="label flex-row-center weight pd20">
                <div class="bg-box flex-row-center"><div class="border"></div></div>
                <el-image src="/icons/jl2.png" style="width:24px;height:18px;"  />
                <span class="large-size ml10 zindex1">求职意向</span>
            </div>
            <div class="pd30">
                <div v-for="(v,i) in value.objective" :key="i" class="flex-row wrap mb20">
                    <div class="w50 large-size mb10">期望职位：{{v.job||'暂无'}}</div>
                    <div class="w50 large-size mb10 pl20">求职类型：{{v.type?'兼职':'全职'}}</div>
                    <div class="w50 large-size mb10">期望行业：{{proxy.$utils.findObj(v.industry,globalData.industryList,'value').text}}</div>
                    <div class="w50 large-size mb10 pl20">薪资要求：{{v.salary*10}}K</div>
                </div>
            </div>
            <div class="label flex-row-center weight pd20">
                <div class="bg-box flex-row-center"><div class="border"></div></div>
                <el-image src="/icons/jl3.png" style="width:24px;height:18px;"  />
                <span class="large-size ml10 zindex1">工作经历</span>
            </div>
            <div class="pd30">
                <div v-for="(v,i) in value.works" :key="i" class="flex-row wrap mb20">
                    <div class="w100 large-size weight mb10">公司/单位：{{v.companyname||'暂无'}}</div>
                    <div class="w50 large-size weight mb10">{{v.start}} {{v.end?'～':''}} {{v.end}}</div>
                    <div class="w50 large-size weight mb20">{{v.jobname}} {{v.industry?'｜':''}} {{proxy.$utils.findObj(v.industry,globalData.industryList,'value').text}}</div>
                    <div class="w100 large-size mb20">工作内容：{{v.jobdetail}}</div>
                    <div class="w100 large-size mb20">业绩：{{v.achievement}}</div>
                </div>
            </div>
            <div class="label flex-row-center weight pd20">
                <div class="bg-box flex-row-center"><div class="border"></div></div>
                <el-image src="/icons/jl4.png" style="width:24px;height:18px;"  />
                <span class="large-size ml10 zindex1">项目经历</span>
            </div>
            <div class="pd30">
                <div v-for="(v,i) in value.projects" :key="i" class="flex-row wrap mb20">
                    <div class="w100 large-size weight mb10">项目：{{v.name||'暂无'}}</div>
                    <div class="w50 large-size weight mb10">{{v.start}} {{v.end?'～':''}} {{v.end}}</div>
                    <div class="w50 large-size weight mb20">{{v.role}}</div>
                    <div class="w100 large-size mb20">项目描述：{{v.msg}}</div>
                    <div class="w100 large-size mb20">项目业绩：{{v.achievement}}</div>
                </div>
            </div>
        </div>
    </div>
</template>

<script setup>
import { getCurrentInstance,reactive,watch } from 'vue'
let { proxy } = getCurrentInstance()
const props = defineProps({
    value: {
    },
})

let d = reactive({
})
watch(
)
</script>

<style lang="scss" scoped>

  .base-box{
      width: 300px;height: auto; border-radius: 300px; background: #DDEAFF;padding: 15px 0 100px 0; box-sizing: border-box;
      .el-image{
           width: 270px; height: 270px;border-radius: 270px;margin-bottom: 60px;
      }
  }
  .data-box{
      flex: 1;color:#333;
      .label{
          width: 100%;height: 60px;background: #F3F6FB;position: relative;z-index: 1;
      }
      .bg-box{
          position: absolute;left: 0;top: 0;bottom: 0;right: 60%; background: #DDEAFF;
          .border{
              position: absolute;top: 0;right:-30px;
                width: 0;height: 0;
                border-top: 30px solid transparent;border-left: 30px solid #DDEAFF;border-bottom: 30px solid transparent;
          }
      }
  }
</style>